<template>
	<view class="entrust">
		<navBar />
		
		<!--  -->
		<view class="titles">委托单</view>
		<view class="entr">
			<view class="entr-item" v-for="(item,index) in menuListt" :key="index" @click="$goto(`${item.pages}?method=${item.method}`)">
				<text class="t-icon text-icon" :class="item.icon"></text>
				<view>{{ item.title }}</view>
			</view>
		</view>
		<tabBar selectedIndex="2" selectedTab="1" />
	</view>
</template>

<script>
	export default {
		data(){
			return{
				menuListt:[
					{
						icon: "t-icon-baogao",
						title: "委托单",
						method:"weituo",
						pages: "/pagesClient/detection/analyze"
					},
					{
						icon: "t-icon-1ziyuan3",
						title: "报价单",
						method:"baojia",
						pages: "/pagesClient/detection/analyze"
					},
					{
						icon: "t-icon-dingdan",
						title: "合同单",
						method:"hetong",
						pages: "/pagesClient/view/contract"
					}
				]
			}
		}
	}
</script>

<style lang="scss">
	// page{
	// 	background-color: rgb(249,250,251);
	// 	height: 100vh;
	// }
	/* app端 */
	/* #ifdef APP-PLUS || H5 */
	#app,
	/* #endif */
	page {
	  background-color: #F9FAFB;
	  height: 100%;
	}
	.entrust{
		display: flex;
		flex-direction: column;
		justify-content: center;
		.titles{
			margin: 20rpx 20rpx 0 20rpx;
			font-size: 30rpx;
			width: 200rpx;
			text-align: center;
			/* background-image: linear-gradient(to right, rgb(224,247,237), rgb(235,243,254)); */
			/* color: #fff; */
			border: 1rpx solid #ddd;
			border-radius: 30rpx;
			padding: 5rpx 0rpx;
		}
		.entr{
			margin: 20rpx;
			display: flex;
			.entr-item{
				flex: 1;
				background-color: #fff;
				border-radius: 20rpx;
				margin: 0 10rpx;
				text-align: center;
				font-size: 25rpx;
				padding: 20rpx 0;
				.text-icon{
					width: 80rpx;
					height: 80rpx;
				}
			}
		}
	}
</style>